body {
	flex-direction: column;
}
.swiper {
	width: 100%;
	height: 20rem;
	margin-bottom: 2rem;
	position: relative;
}

.swiper-wrapper > div:nth-child(1) {
	background: url(../../assets/images/1.jpg) no-repeat;
	background-size: cover;
}
.swiper-wrapper > div:nth-child(2) {
	background: url(../../assets/images/2.jpg) no-repeat;
	background-size: cover;
}
.swiper-wrapper > div:nth-child(3) {
	background: url(../../assets/images/3.jpg) no-repeat;
	background-size: cover;
}
main {
	width: 100%;
	/* 纵向填满 */
	flex-grow: 1;
	/* 纵向滚动条 */
	overflow-y: auto;
}
section {
	width: 100%;
	padding: 0 1rem;
	box-sizing: border-box;
	font-weight: bolder;
	font-size: 15px;
}
section > div {
	padding: 1.5rem 0 0 1rem;
	box-sizing: border-box;
}
/* one  */
#rank {
	height: 9.38rem;
	background: url(../../assets/images/index-card-badge.png) no-repeat;
	background-size: cover;
	display: inline-block;
	border-radius: 10px;
	font-size: 20px;
}
#rank .abs {
	text-align: right;
	bottom: 30px;
	font-size: 60px;
	right: 20px;
}
#accumulated {
	height: 9.38rem;
	background: url(../../assets/images/index-card-run.png) no-repeat;
	background-size: cover;
	display: inline-block;
	border-radius: 10px;
	font-size: 19px;
}
#accumulated .abs {
	text-align: right;
	bottom: 25px;
	right: 13px;
	font-size: 20px;
}
#accumulated .abs button {
	border-radius: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #979494;
	line-height: 28px;
	height: 2.5rem;
	border: 1px solid #948f8f;
	background-color: transparent;
}
/* second */
#sportsData {
	height: 9.38rem;
	/* background-color: aqua; */
	background: url(../../assets/images/src=http___safe-img.xhscdn.com_bw1_035f19da-30fe-4ddc-90ff-46e58430ac74_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.jpg)
		no-repeat;
	background-size: center;
	display: inline-block;
	border-radius: 10px;
	font-size: 20px;
}
#badge {
	height: 9.38rem;
	background: url(../../assets/images/src=http___safe-img.xhscdn.com_bw1_426542dc-d667-4ca1-b86e-3a976c5041b7_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.jpg)
		no-repeat;
	background-size: center;
	display: inline-block;
	border-radius: 10px;
	font-size: 20px;
}
#badge .abs {
	bottom: 10px;
	right: 10px;
	text-align: right;
}
#badge .abs span {
	font-size: 60px;
	color: rgb(29, 83, 83);
}
/* three */
#courseExcise {
	height: 6.88rem;
	background: url(../../assets/images/src=http___safe-img.xhscdn.com_bw1_a5af36ee-f2ef-4fc8-8ee6-dadc0341f378_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.jpg)
		no-repeat;
	background-size: center;
	border-radius: 10px;
	font-size: 20px;
}

/* four */
#run {
	height: 6.88rem;
	background: url(../../assets/images/src=http___safe-img.xhscdn.com_bw1_c4ffd6f3-8224-4598-ad4e-917a15808998_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.jpg)
		no-repeat;
	background-size: center;
	border-radius: 10px;
	font-size: 20px;
}
p {
	line-height: 25px;
}
/* 底部 */
footer {
	width: 100%;
	/* 固定高度达到固定的效果 */
	height: 5.81rem;
	text-align: center;
	font-weight: bolder;
	color: #979494;
	font-family: "STCaiyun";
	/* bottom: 0; */
	border-top: 2px solid rgba(150, 146, 146, 0.4);
	border-radius: 10px;
	padding-top: 20px;
	box-sizing: border-box;
	box-shadow: -3px 2px 9px 1px;
}
footer .iconfont {
	color: #979494;
	font-size: 40px;
	margin-bottom: 10px;
}
footer .dpflex {
	flex-direction: column;
}
